@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #2c60e4,
    ),
  ),
);
@use "element-plus/theme-chalk/src/index.scss"as *;

*:focus {
  outline: none !important;
}

html {
  width: 100%;
  height: 100%;
  margin: 0;

  body {
    width: 100%;
    height: 100%;
    margin: 0;

    #app {
      height: 100%;
      width: 100%;
    }
  }

}


* {
  box-sizing: border-box;
}

audio {
  outline: none;
}

:root {
  .el-dialog {
    --el-dialog-padding-primary: 10px;

    .el-dialog__body {
      padding: var(--el-dialog-padding-primary);
    }
  }
  .el-button--small{
    padding: 4px 6px;
  }

  .el-divider--horizontal {
    margin: 18px 0;
  }

  .el-dialog__headerbtn {
    width: 30px;
    height: 30px;
  }

  * {
    scrollbar-color: var(--el-scrollbar-bg-color) var(--el-fill-color-light)
  }

  ::-webkit-scrollbar {
    width: 6px
  }

  ::-webkit-scrollbar:horizontal {
    height: 6px
  }

  ::-webkit-scrollbar-track {
    border-radius: 10px
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(197, 12, 12, 0.2);
    border-radius: 10px;
    transition: all .2s ease-in-out
  }

  ::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #1111114d
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(27, 24, 24, 0.2)
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(63, 59, 59, 0.4)
  }


}
